$(document).ready(function() {
	PUBLIC.matrix_refresh.set_form_content(function() {
		$('input[type=checkbox],input[type=radio],input[type=file][uniform!="none"]').uniform();
		$('select').select2();
		$('.colorpicker').colorpicker();
		$('.datepicker').datepicker();

		$("#tags").select2({
		tags: ["red", "green", "blue", "orange"]
	    });
	});

	PUBLIC.matrix_refresh.set_form_table(function() {
		$('#table input[type=checkbox],#table input[type=radio],#table input[type=file][uniform!="none"]').uniform();
	});


	$('input[type=checkbox],input[type=radio],input[type=file]').uniform();
	$('select').select2();
	$('.colorpicker').colorpicker();
	$('.datepicker').datepicker();
});

$(document).ready(function() {

	//------------- Tags plugin  -------------//
	$("#tags").select2({
		tags: ["red", "green", "blue", "orange"]
	});

	//------------- Elastic textarea -------------//
	if ($('textarea').hasClass('elastic')) {
		$('.elastic').elastic();
	}

	//------------- Input limiter -------------//
	if ($('textarea').hasClass('limit')) {
		$('.limit').inputlimiter({
			limit: 100
		});
	}

	//------------- Masked input fields -------------//
	$("#mask-phone").mask("(999) 999-9999", {
		completed: function() {
			alert("Callback action after complete");
		}
	});
	$("#mask-phoneExt").mask("(999) 999-9999? x99999");
	$("#mask-phoneInt").mask("+40 999 999 999");
	$("#mask-date").mask("99/99/9999");
	$("#mask-ssn").mask("999-99-9999");
	$("#mask-productKey").mask("a*-999-a999", {
		placeholder: "*"
	});
	$("#mask-eyeScript").mask("~9.99 ~9.99 999");
	$("#mask-percent").mask("99%");

	//------------- Toggle button  -------------//

	$('.normal-toggle-button').toggleButtons();
	$('.text-toggle-button').toggleButtons({
		width: 140,
		label: {
			enabled: "ONLINE",
			disabled: "OFFLINE"
		}
	});
	$('.iToggle-button').toggleButtons({
		width: 70,
		label: {
			enabled: "<span class='icon16 icomoon-icon-checkmark-2 white'></span>",
			disabled: "<span class='icon16 icomoon-icon-cancel-3 white marginL5'></span>"
		}
	});

	//------------- Spinners with steps  -------------//
	$("#spinner1").spinner();

	/*Demacial*/
	$("#spinner2").spinner({
		step: 0.01,
		numberFormat: "n"
	});

	/*Custom step size*/
	$("#spinner3").spinner({
		step: 5
	});

	/*Currency spinner*/
	$("#spinner4").spinner({
		numberFormat: "C"
	});

	//------------- Colorpicker -------------//
	if ($('div').hasClass('picker')) {
		$('.picker').farbtastic('#color');
	}
	//------------- Datepicker -------------//
	if ($('#datepicker').length) {
		$("#datepicker").datepicker({
			showOtherMonths: true
		});
	}
	if ($('#datepicker-inline').length) {
		$('#datepicker-inline').datepicker({
			inline: true,
			showOtherMonths: true
		});
	}

	//------------- Combined picker -------------//
	if ($('#combined-picker').length) {
		$('#combined-picker').datetimepicker();
	}

	//------------- Time entry (picker) -------------//
	$('#timepicker').timeEntry({
		show24Hours: true,
		spinnerImage: ''
	});
	$('#timepicker').timeEntry('setTime', '22:15')

	//------------- Select plugin -------------//
	$("#select1").select2();
	$("#select2").select2();

	//--------------- Dual multi select ------------------//
	$.configureBoxes();

	//--------------- Tinymce ------------------//
	$('textarea.tinymce').tinymce({
		// Location of TinyMCE script
		script_url: 'plugins/forms/tiny_mce/tiny_mce.js',

		// General options
		theme: "advanced",
		plugins: "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",

		// Theme options
		theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
		theme_advanced_toolbar_location: "top",
		theme_advanced_toolbar_align: "left",
		theme_advanced_statusbar_location: "bottom",
		theme_advanced_resizing: true,

		// Example content CSS (should be your site CSS)
		content_css: "css/main.css",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url: "lists/template_list.js",
		external_link_list_url: "lists/link_list.js",
		external_image_list_url: "lists/image_list.js",
		media_external_list_url: "lists/media_list.js",

		// Replace values for the template plugin
		template_replace_values: {
			username: "SuprUser",
			staffid: "991234"
		}
	});

	//Boostrap modal
	$('#myModal').modal({
		show: false
	});

	//add event to modal after closed
	$('#myModal').on('hidden', function() {
		console.log('modal is closed');
	})

}); //End document ready functions

//sparkline in sidebar area
var positive = [1, 5, 3, 7, 8, 6, 10];
var negative = [10, 6, 8, 7, 3, 5, 1]
var negative1 = [7, 6, 8, 7, 6, 5, 4]

$('#stat1').sparkline(positive, {
	height: 15,
	spotRadius: 0,
	barColor: '#9FC569',
	type: 'bar'
});
$('#stat2').sparkline(negative, {
	height: 15,
	spotRadius: 0,
	barColor: '#ED7A53',
	type: 'bar'
});
$('#stat3').sparkline(negative1, {
	height: 15,
	spotRadius: 0,
	barColor: '#ED7A53',
	type: 'bar'
});
$('#stat4').sparkline(positive, {
	height: 15,
	spotRadius: 0,
	barColor: '#9FC569',
	type: 'bar'
});
//sparkline in widget
$('#stat5').sparkline(positive, {
	height: 15,
	spotRadius: 0,
	barColor: '#9FC569',
	type: 'bar'
});

$('#stat6').sparkline(positive, {
	width: 70, //Width of the chart - Defaults to 'auto' - May be any valid css width - 1.5em, 20px, etc (using a number without a unit specifier won't do what you want) - This option does nothing for bar and tristate chars (see barWidth)
	height: 20, //Height of the chart - Defaults to 'auto' (line height of the containing tag)
	lineColor: '#88bbc8', //Used by line and discrete charts to specify the colour of the line drawn as a CSS values string
	fillColor: '#f2f7f9', //Specify the colour used to fill the area under the graph as a CSS value. Set to false to disable fill
	spotColor: '#e72828', //The CSS colour of the final value marker. Set to false or an empty string to hide it
	maxSpotColor: '#005e20', //The CSS colour of the marker displayed for the maximum value. Set to false or an empty string to hide it
	minSpotColor: '#f7941d', //The CSS colour of the marker displayed for the mimum value. Set to false or an empty string to hide it
	spotRadius: 3, //Radius of all spot markers, In pixels (default: 1.5) - Integer
	lineWidth: 2 //In pixels (default: 1) - Integer
});